.notification{
  padding: 15px;
  background: #fff;
  .notification_header{
    margin-bottom: 20px;
    .read_btn{
      margin-left: 60px;
    }
  }
  .notification_list{
    flex-flow: column;
    .notification_item{
      padding: 16px 0;
      border-top: 1px solid #E4E7ED;
      .notification_label{
        position: relative;
        display: flex;
        align-items: center;

        width: 100%;

        .el-checkbox__label{
          flex: auto;
          display: flex;
          justify-content: space-between;
          align-items: center;
          overflow: hidden;
          .notification_content{
            flex: auto;
            overflow: hidden;
            .description{
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
          .detail_btn{
            flex: 0 0 80px;
            padding: 12px 24px;
            color: #4280f2;
          }
        }
      }
      &:last-child{
        border-bottom: 1px solid #E4E7ED;
      }
    }
  }
}
